﻿html {
	background-color: #fff;
}

button {
	background-color: #ffee71;
	border-radius: 30px;
	border: none;
	font-size: 1.8rem;
}

form {
	background-color: #f8f8f8;
	border-bottom: 1px solid #e2e2e2;
	position: relative;
	margin-top: 0;
	padding: 45px 0;
}

	form input[type="tel"] {
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
		border-radius: 100px;
		background-color: #fdfdfd;
		border: 1px solid #e2e2e2;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		font-size: 1.7rem;
		height: 55px;
		margin: 0 auto;
		max-width: 635px;
		padding: 0 20px;
		width: 85%;
	}

	form button[type="submit"] {
		max-width: 450px;
		padding: 10px;
		position: absolute;
		top: 49px;
		right: 9%;
	}

.result {
	display: none;
	font-size: 1.8rem;
	text-align: center;
	padding: 20px;
}

	.result ul {
		text-align: left;
		word-wrap: break-word;
		word-break: break-all;
	}

		.result ul li {
			margin-bottom: 20px;
		}

			.result ul li.btn {
				padding-top: 20px;
			}

		.result ul label {
			text-align: right;
			padding-right: 10px;
			min-width: 9rem;
			width: 9rem;
		}

	.result #btn-Confirm {
		display: block;
		height: 60px;
		margin: 30px auto 0 auto;
		max-width: 450px;
		width: 60%;
	}

	.result section {
		border-top: 2px solid #ffee71;
		padding-top: 20px;
	}

		.result section:first-child {
			border-top: none;
			padding-top: 0;
		}

#dialog {
	font-size: 2rem !important;
	padding: 40px 0 !important;
	margin: 0 auto;
}

	#dialog .flex-wrapper {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 10%;
		margin-top: 25px;
	}

	#dialog button {
		padding: 15px 25px;
	}
